/* 
    Document   : site
    Created on : Oct 22, 2012, 8:26:49 AM
    Author     : ardha
    Description:
    Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
	background: url("../images/site/smooth_blueprint_gradient.png") repeat-x scroll 0 -10px #395A99;
    padding: 1em 0 1.5em;
}
#page
{
	margin-top: 0px;
	margin-bottom: 0px;
	background: none;
	border: 0px solid #C9E0ED;
}

#header {
	background: none;
	border-top: 0px solid #C9E0ED;
}
#footer{
	color: white;
}
#content{
	padding: 4px 5px 4px 5px;
	background: white;
	border: 0px solid #C9E0ED;
}
#logo{
	padding:1px;
	height: 56px;
}
#logo div.logo-left{
	height: 56px;
	/*background: url("../images/site/diknas.png") no-repeat;*/
	float:left;
	width: 56px;
}
#logo div.logo-right{
	float:right;
	width: 225px;
	height: 56px;
	color:white;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
#logo div.logo-right span{
	font-size: 11px;
	font-weight: normal;
}
#logo div.logo-center{
	width: 600px;
	padding-left: 76px;
	padding-top: 8px;
	color:white;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 30px;
	font-style: none;
}
#logo div.logo-center span{
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}
#rights{
	background-color: #FFF;
	padding-bottom: 4px;
	padding-top: 6px;
}
.clearboth {height: 1px; clear: both}
.login{
	padding-top: 50px;
	padding-bottom: 60px;
	color:white;
}
.login h1{
	color: red;
	font-size: 18px;
	padding-bottom: 20px;
}
a.loginlink{
	color: #fff;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
}
a.loginlink:hover {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#main-nav
{
	font:11px Verdana,Arial; 
	padding:1px;
	height:25px;
	border-top: 1px #99bce8 solid;
	border-bottom: 1px #99bce8 solid;

	background-image: none;
	background-color: #d3e1f1;
	/*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dfe9f5),color-stop(100%,#d3e1f1));
	background-image: -webkit-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -moz-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -o-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -ms-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: linear-gradient(top,#dfe9f5,#d3e1f1)*/
}
.ma-table {
	border-collapse: collapse;
	line-height: 100%;
	margin-bottom: 0px;
}

.ma-table td {
	padding-bottom: 4px;
}
.ma-table td.labelfield {
	width: 120px;
	text-align: right;
	padding-right: 7px;
	
}
.ma-table td.labelfield label{
	font-size: 12px;
	font-family: tahoma,arial,verdana,sans-serif;
	font-weight:normal;
}
div.form label {
	font-size: 12px;
	font-family: tahoma,arial,verdana,sans-serif;
	font-weight:normal;
}
.ma-display {
	float: left;
	margin: 0px;
}

.ma-display select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 2px;
	font-size: 12px;
	border: solid 1px #bebebe;
	padding: 1px;
	vertical-align: middle;
	outline: none;
}

div.search-form
{
	padding: 4px;
	margin: 4px;
	background: #DFE9F6;
}
span.title-red{
	color: #D50000;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma,arial,verdana,sans-serif;
	line-height: 17px;
	padding: 0px 5px 0px 5px;
}
.ax-panel
{
	margin-top: 4px;
	padding: 0px;
	border: 1px #99bce8 solid;
	background-color: #DFE9F6;
}
.ax-panel .ax-body-panel{
	padding: 10px 5px 0px 5px;
	border-top:1px #99bce8 solid;
}
/* breadcrumbs */
div.breadcrumbs{
	background: white;
	padding: 4px 4px 0px 6px;
}

#bc {
	line-height: 100%;
	margin: 0 0 10px 0;
	width: 960px;
	clear: both;
	font-size: 12px
}

#bc a {
	color: #333333
}

#bc ul li {
	float: left
}

.bc-spacer {
	text-indent: -9999px;
	margin: 0px 10px;
	width: 4px;
	display: block;
	background: url(../images/site/bkgrd-breadcrumb-arrow.gif) no-repeat 0px 3px
}

/* navigation */

#nav {
	padding: 0px;
	margin: 0;
	//width: 960px;
}

.nav-inner {
	/*background: url(../images/site/bkgrd-site-nav.png) repeat-x 0 -30px;*/
	border-top: 1px #99bce8 solid;
	border-bottom: 1px #99bce8 solid;

	background-image: none;
	background-color: #d3e1f1;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dfe9f5),color-stop(100%,#d3e1f1));
	background-image: -webkit-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -moz-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -o-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -ms-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: linear-gradient(top,#dfe9f5,#d3e1f1)

}

ul#main-nav {
	padding: 0px;
	margin: 0px;
}

ul#main-nav li {
	float: left
}

ul#main-nav li a {
	text-align: center;
	line-height: 100%;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none
}

ul#main-nav li a.selected a.current {
	background: url(../images/site/bkgrd-site-nav.png) repeat-x 0 -30px;
	cursor: pointer
}

ul#main-nav li a:hover {
	background: url(../images/site/bkgrd-site-nav.png) repeat-x 0 -30px;
	background-repeat: repeat-x;
	color: #333333;
}

.nav-oneline a {
	display: block;
	background: url(../images/site/bkgrd-site-nav.png) #353535 repeat-x;
	padding: 8px 15px 0 15px;
	height: 22px;
}

.nav-divider {
	display: block;
	width: 1px;
	background: url(../images/site/bkgrd-site-nav-divider.gif) no-repeat;
	text-indent: -9999px;
	height: 30px;
}

li.main-nav-ps.nav-oneline a {
	padding: 0px;
	height: 30px;
}

.main-nav-ps span {
	padding: 8px 40px 0px 20px;
	display: block;
	background: url(../images/site/icon-down-arrow-white.gif) no-repeat 58px center;
	height: 22px;
}

.main-nav-ps span:hover {
	padding: 8px 40px 0px 20px;
	display: block;
	background: url(../images/site/icon-down-arrow-darkgrey.gif) no-repeat 58px center;
	height: 22px;
}

ul#main-nav-right {
	padding: 0px;
	margin: 0px;
}

ul#main-nav-right li {
	float: left;
}

ul#main-nav-right li a {
	text-align: center;
	line-height: 100%;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none
}

ul#main-nav-right li a.selected {
	background: url(../images/site/bkgrd-site-nav-right.gif) repeat-x 0 -30px;
	cursor: pointer
}

ul#main-nav-right li a:hover {
	background: url(../images/site/bkgrd-site-nav-right.gif) repeat-x 0 0px;
	color: #000000;
}

.nav-oneline-right a {
	display: block;
	background: url(../images/site/bkgrd-site-nav-right.gif) repeat-x 0 -30px;
	padding: 8px 9px 0 9px;
	height: 22px;
	width: 79px;
}

.nav-divider-right {
	display: block;
	width: 1px;
	background: url(../images/site/bkgrd-site-nav-divider-right.gif) no-repeat;
	text-indent: -9999px;
	height: 30px;
}
/* Button */
.ax-btn {
	color: #fff;
	padding:2px 10px 2px 10px; 
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	overflow: visible;
	cursor: hand;	
	
	border-color: #18181a;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #3a4155;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#434a5e),color-stop(45%,#3c4255),color-stop(46%,#2a2f3e),color-stop(50%,#2a2f3e),color-stop(51%,#313646),color-stop(100%,#3a4155));
	background-image: -webkit-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: -moz-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: -o-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: -ms-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155)
}
.ax-btn-delete {
	color: #fff;
	padding:2px 10px 2px 10px; 
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	overflow: visible;
	cursor: hand;	
	
	border-color: #18181a;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #fd000c;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#434a5e),color-stop(45%,#3c4255),color-stop(46%,#2a2f3e),color-stop(50%,#2a2f3e),color-stop(51%,#313646),color-stop(100%,#3a4155));
	background-image: -webkit-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: -moz-linear-gradient(top,#d9030e,#fd000c 45%,#2a2f3e 46%,#2a2f3e 50%,#89040b 51%,#89040b);
	background-image: -o-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: -ms-linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155);
	background-image: linear-gradient(top,#434a5e,#3c4255 45%,#2a2f3e 46%,#2a2f3e 50%,#313646 51%,#3a4155)
}

.ax-btn:hover, .ax-btn-delete:hover{
	color: #3a4155;
	border-color: #81a4d0;
	background-image: none;
	background-color: #dbeeff;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dbeeff),color-stop(48%,#d0e7ff),color-stop(52%,#bbd2f0),color-stop(100%,#bed6f5));
	background-image: -webkit-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: -moz-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: -o-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: -ms-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
	background-image: linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5)
}
.ax-btn:active, .ax-btn-delete:active{
	border-color: #9ebae1;
	background-image: none;
	background-color: #b6cbe4;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b6cbe4),color-stop(48%,#bfd2e6),color-stop(52%,#8dc0f5),color-stop(100%,#98c5f5));
	background-image: -webkit-linear-gradient(top,#b6cbe4,#bfd2e6 48%,#8dc0f5 52%,#98c5f5);
	background-image: -moz-linear-gradient(top,#b6cbe4,#bfd2e6 48%,#8dc0f5 52%,#98c5f5);
	background-image: -o-linear-gradient(top,#b6cbe4,#bfd2e6 48%,#8dc0f5 52%,#98c5f5);
	background-image: -ms-linear-gradient(top,#b6cbe4,#bfd2e6 48%,#8dc0f5 52%,#98c5f5);
	background-image: linear-gradient(top,#b6cbe4,#bfd2e6 48%,#8dc0f5 52%,#98c5f5)
}
.ax-btn-delete:hover, .ax-btn-delete:active{
	color: #d9030e;
}
/* End Button */
ul.srlfield li{
	float: left;
    margin-right: 10px;
}

ul.srlfield li{
	float: left;
    margin-right: 10px;
}
